import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { createRequire } from 'module'

const require = createRequire(import.meta.url)

// https://vite.dev/config/
export default defineConfig({
  plugins: [vue()],
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@import "@/styles/variables";`, // 可选：自动引入公共变量或样式，具体路径根据您的项目结构调整
        // 这里可以添加其他 SCSS 配置选项
      },
    },
  },
  define: {
    // 为了启用现代 API
    'process.env': {
      // 可以根据你的需求放置环境变量
    },
  },
  // 确保这个设置不会被其他地方覆盖
  sassOptions: {
    implementation: require('sass'),
    api: 'modern', // 启用现代 API
  },
})
